$(function() {
	$('#reslist').find('li:eq(0)').css('backgroundColor','#19a97b');
	$('#reslist').find('li').on('click', function() {
		$(this).css('backgroundColor', '#19a97b').siblings().css('backgroundColor', '#fafafa');
	});
	var res = $('.res:eq(0)');
	var content = $('#content');
	var pagenow = 1;
	function pages(data){
		var pages = Math.ceil(data.length / 6||0);
		$("#page").paging({
			pageNo: 1,
			totalPage: pages,
			totalSize: data.length||0,
			callback: function(num) {
				pagenow = num||1;
				showdata(data);
			}
		});
		showdata(data);
	}
	function showdata(data) {
		$('.res').remove();
		for (i = (pagenow-1)*6; i<(pagenow-1)*6+6&&i<data.length; i++) {
			res = res.clone(true);
			content.append(res);
			var typeurl = '';
			switch (data[i].type) {
				case '1':
					typeurl = '/public/img/ppt.png';
					break;
				case '2':
					typeurl = '/public/img/pdf.png';
					break;
				default:
					typeurl = '/public/img/doc.png';
					break;
			}
			res.find('img:eq(0)').attr('src', typeurl);
			res.find('p:eq(0)').text(data[i].views + '人已阅读');
			if(data[i].starnum>0){
				res.find('.color:eq(0)').css('width',20*data[i].stars/data[i].starnum);
				res.find('span:eq(0)').text((data[i].stars/data[i].starnum).toFixed(1));
			}else{
				res.find('.color:eq(0)').css('width',0);
				res.find('span:eq(0)').text(data[i].stars);
			}
			res.find('span:eq(1)').text(data[i].starnum+'人以评价');
			res.find('header:eq(0)').text(data[i].name);
			res.find('span:eq(2)').text(data[i].profile);
			res.find('span:eq(3)').text(data[i].time.substring(0, 10));
			res.find('span:eq(4)').text(data[i].major == '0' ? '计算机科学' : data[i].major == '1' ? '软件工程' : data[i].major == '2' ? '信息安全' : '医学影像');
			res.find('a:eq(0)').attr('href', 'resource?id=' + data[i].Id);
		}
	}
	$.ajax({//获取个人数据
		type: 'post',
		url: '/api/mine',
		data: {
			schoolId: $('#top').find('i').text()
		},
		dataType: 'json',
		success: function(data) {
			$('#sign').text(data[0].sign == null?'暂无签名':data[0].sign);
			$('#change2').find('input:eq(0)').val(data[0].name == null?data[0].schoolId:data[0].name);
			$('#change2').find('input:eq(1)').val(data[0].sign == null?'暂无签名':data[0].sign);
			$('#collect').text(data[0].likeit);
			$('#download').text(data[0].download);
			$('#upload').text(data[0].upload);
			$('#top').find('img:eq(0)').attr('src',data[0].headerimg);
			$('#top').find('b:eq(0)').text(data[0].name == null?data[0].schoolId:data[0].name);
			$('#myinfo').find('img:eq(0)').attr('src',data[0].headerimg);
			$('#myinfo').find('h3:eq(0)').text(data[0].name == null?data[0].schoolId:data[0].name);
		}
	});

	$.ajax({//获取收藏资源信息
		type:'post',
		url:'/api/relation',
		data:{
			userid: $('#top').find('i').text(),
			relation:0
		},
		dataType:'json',
		success:function(data){
			pages(data);
		}
	});

	$('#reslist').find('li:eq(0)').on('click',function(){
		console.log('111')
		$.ajax({//获取收藏资源信息
			type:'post',
			url:'/api/relation',
			data:{
				userid: $('#top').find('i').text(),
				relation:0
			},
			dataType:'json',
			success:function(data){
				pages(data);
			}
		});
	});
	$('#reslist').find('li:eq(1)').on('click',function(){
		$.ajax({//获取收藏资源信息
			type:'post',
			url:'/api/relation',
			data:{
				userid: $('#top').find('i').text(),
				relation:1
			},
			dataType:'json',
			success:function(data){
				pages(data);
			}
		});
	});
	$('#reslist').find('li:eq(2)').on('click',function(){
		$.ajax({//获取收藏资源信息
			type:'post',
			url:'/api/relation',
			data:{
				userid: $('#top').find('i').text(),
				relation:2
			},
			dataType:'json',
			success:function(data){
				//console.log(data);
				pages(data);
			}
		});
	});
	$('#reslist').find('li:eq(3)').on('click',function(){
		$.ajax({//获取收藏资源信息
			type:'post',
			url:'/api/relation',
			data:{
				userid: $('#top').find('i').text(),
				relation:3
			},
			dataType:'json',
			success:function(data){
				pages(data);
			}
		});
	});

	var change1 = $('#change1');
	$('#button1').on('click', function() {
		change1.css('display', 'block');
	});
	change1.find('button:eq(0)').on('click', function() {
		//获取上传数据
		//console.log('222')
		if (img = change1.find('input:eq(0)')[0].files[0]) {
			// 2.1创建格式化数据，
			var fd = new FormData();
			// 2.2格式化数据并以键值对的形式存放到fd对象中
			fd.append('imageIcon', img);
			//console.log(img);
			// 3.1创建XMLHttpRequest对象
			var xhr = new XMLHttpRequest();
			// 3.2使用open方法,设置请求
			xhr.open('POST', '/api/info/headimg', true);
			// 3.3使用send方法发送数据
			xhr.send(fd);
			// 3.4监听发送数据状态
			xhr.onreadystatechange = function(data) {
				if (xhr.readyState === 4) {
					$('#myinfo').find('img:eq(0)').attr('src',xhr.responseText);
				}
			}
		}
		change1.css('display', 'none');
	});
	var change2 = $('#change2');
	$('#button2').on('click', function() {
		change2.css('display', 'block');
	});
	change2.find('button:eq(0)').on('click', function() {
		//获取上传数据
		//console.log('222')
		$.ajax({
			type:'POST',
			url:'/api/info/changeinfo',
			data:{
				name:$('#change2').find('input:eq(0)').val(),
				sign:$('#change2').find('input:eq(1)').val()
			},
			dataType:'json',
			success:function(data){
				$('#myinfo').find('h3:eq(0)').text(data.name);
				$('#sign').text(data.sign);
			}
		});
		change2.css('display', 'none');
	})
})